import { defineComponent } from "vue";
import styles from "./ToneSign.module.less";
export default defineComponent({
  props: {
    state: {
      type: Object,
    }
  },
  setup(props: any) {
    return () => (
      <div class={styles.flows}>
        <div class={styles.step}>
          <div class={styles['step-flag']}>第一步</div>
          <span>填入曲谱调号</span>
        </div>
        <div class={styles['step-content']}>
          <a-input style="width:300px;" placeholder="请填入曲谱调号" v-model:value={props.state.score_tone} />
        </div>
        <div class={styles.step}>
          <div class={styles['step-flag']}>第二步</div>
          <span>填入和弦调号</span>
        </div>
        <div class={styles['step-content']}>
          <a-input style="width:300px;" placeholder="请填入和弦调号" v-model:value={props.state.chord_tone} />
        </div>
      </div>
    )
  }
})